<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</h:head>

	<h:body>
	    <ui:composition template="/XHTML/CommonColumnsContent.xhtml">
			<ui:define name="header">
				<ui:include src="/WEB-INF/facelets/header.jspx" />
			</ui:define>
        	<br/>
        	<br/> 
		<ui:define name="body">	
			<f:view>
			<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>               
					<p:dialog modal="true" widgetVar="statusDialog" header="Loading"  draggable="false" closable="false">  
   						<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />   
					</p:dialog>
		 
		 <h:form id="form">
			<div align="center">
               <h:link id="cmdBack" outcome="goInitialMenu" value="Back" style="color:blue;" />
			 </div>
			 <br />
			 
			<p:panel id="msgProjectClientesTitle" header="DocumentoData">
					<p:messages id="msg" showDetail="true"/>
				<p:dataTable id ="tabla" value="#{documentoView.data}" var="documento"
					paginator="true" rows="5"  editable="true" >
					 
					 <p:ajax event ="rowEdit" update=":form:msg,:form:tabla" listener="#{documentoView.rowEventListener}" />
					 
										  <p:column filterBy="#{documento.idDocu}" sortBy="#{documento.idDocu}" 
							headerText="idDocu">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idDocu}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idDocu}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
										
										
											
						<p:column filterBy="#{documento.estadoRegistro}" sortBy="#{documento.estadoRegistro}" 
							headerText="estadoRegistro">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.estadoRegistro}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.estadoRegistro}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.numeroDefinitivo}" sortBy="#{documento.numeroDefinitivo}" 
							headerText="numeroDefinitivo">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.numeroDefinitivo}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.numeroDefinitivo}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.numeroDocumento}" sortBy="#{documento.numeroDocumento}" 
							headerText="numeroDocumento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.numeroDocumento}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.numeroDocumento}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.operCreador}" sortBy="#{documento.operCreador}" 
							headerText="operCreador">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.operCreador}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.operCreador}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.operModifica}" sortBy="#{documento.operModifica}" 
							headerText="operModifica">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.operModifica}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.operModifica}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.valorTotal}" sortBy="#{documento.valorTotal}" 
							headerText="valorTotal">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.valorTotal}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.valorTotal}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idCusa_Causal}" sortBy="#{documento.idCusa_Causal}" 
							headerText="idCusa_Causal">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idCusa_Causal}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idCusa_Causal}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idCodo_ConsecutivoDocumento}" sortBy="#{documento.idCodo_ConsecutivoDocumento}" 
							headerText="idCodo_ConsecutivoDocumento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idCodo_ConsecutivoDocumento}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idCodo_ConsecutivoDocumento}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idEsdo_EstadoDocumento}" sortBy="#{documento.idEsdo_EstadoDocumento}" 
							headerText="idEsdo_EstadoDocumento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idEsdo_EstadoDocumento}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idEsdo_EstadoDocumento}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idReco_RelacionComercial}" sortBy="#{documento.idReco_RelacionComercial}" 
							headerText="idReco_RelacionComercial">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idReco_RelacionComercial}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idReco_RelacionComercial}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idSucu_Sucursal}" sortBy="#{documento.idSucu_Sucursal}" 
							headerText="idSucu_Sucursal">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idSucu_Sucursal}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idSucu_Sucursal}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idTido_TipoDocumento}" sortBy="#{documento.idTido_TipoDocumento}" 
							headerText="idTido_TipoDocumento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idTido_TipoDocumento}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idTido_TipoDocumento}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{documento.idUnve_UnidadVenta}" sortBy="#{documento.idUnve_UnidadVenta}" 
							headerText="idUnve_UnidadVenta">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.idUnve_UnidadVenta}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{documento.idUnve_UnidadVenta}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
										
										   						 
						 <p:column filterBy="#{documento.fechaCreacion}" sortBy="#{documento.fechaCreacion}" 
							headerText="fechaCreacion">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.fechaCreacion}">
									  <f:convertDateTime  pattern="dd/MM/yyyy"/>
									</h:outputText>		
								</f:facet>
							
								<f:facet name="input">
									<p:calendar value="#{documento.fechaCreacion}" showOn="button" pattern="dd/MM/yyyy" navigator="true" >
									  <f:convertDateTime  pattern="dd/MM/yyyy" timeZone="#{documentoView.timeZone}" />	
								    </p:calendar>		
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
					   						 
						 <p:column filterBy="#{documento.fechaDocumento}" sortBy="#{documento.fechaDocumento}" 
							headerText="fechaDocumento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.fechaDocumento}">
									  <f:convertDateTime  pattern="dd/MM/yyyy"/>
									</h:outputText>		
								</f:facet>
							
								<f:facet name="input">
									<p:calendar value="#{documento.fechaDocumento}" showOn="button" pattern="dd/MM/yyyy" navigator="true" >
									  <f:convertDateTime  pattern="dd/MM/yyyy" timeZone="#{documentoView.timeZone}" />	
								    </p:calendar>		
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
					   						 
						 <p:column filterBy="#{documento.fechaModificacion}" sortBy="#{documento.fechaModificacion}" 
							headerText="fechaModificacion">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{documento.fechaModificacion}">
									  <f:convertDateTime  pattern="dd/MM/yyyy"/>
									</h:outputText>		
								</f:facet>
							
								<f:facet name="input">
									<p:calendar value="#{documento.fechaModificacion}" showOn="button" pattern="dd/MM/yyyy" navigator="true" >
									  <f:convertDateTime  pattern="dd/MM/yyyy" timeZone="#{documentoView.timeZone}" />	
								    </p:calendar>		
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
					   											
					<p:column headerText="Options" >
						<p:rowEditor id="row"/>
						<p:tooltip for="row" value="Edit" showEffect="fade" hideEffect="fade" />
						<p:tooltip for="btnDelete" value="Delete" showEffect="fade" hideEffect="fade" />
						<p:commandButton id="btnDelete" action="#{documentoView.actionDeleteDataTableEditable}" title="Delete" onclick="return confirm('Do you really want to delete this Entry?')" icon="ui-icon-trash" update=":form:msg" >
						<f:setPropertyActionListener value="#{documento}"  target="#{documentoView.selectedDocumento}" />  
						</p:commandButton>
						
					</p:column>	
				
				</p:dataTable>	
					
				
			</p:panel>
				
	   </h:form>
		  </f:view>
	 </ui:define>	
	 
	  <ui:define name="footer">
		 <ui:include src="/WEB-INF/facelets/footer.jspx" />
	   </ui:define>	
	</ui:composition>
	
	</h:body>	
	
</html>	